document.getElementById('loginForm').addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止表单默认提交行为

    const formData = {
        username: document.getElementById('username').value,
        password: document.getElementById('password').value,
    };

    fetch('http://localhost:3000/login', { // 确保地址与后端服务器地址一致
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify(formData),
        credentials: 'include', // 如果涉及到cookies的跨域请求，需要这个设置
    })
        .then(response => {
            if (!response.ok) {
                throw new Error('Network response was not ok');
            }
            return response.json(); // 这里预期服务器返回JSON格式的响应
        })
        .then(data => {
            if (data.message === 'Login successful') {
                document.body.innerHTML = `<h1>这是我们移动互联网的第一个网站</h1>`;
            } else {
                alert(data.message); // 显示从服务器返回的消息
            }
        })
        .catch(error => console.error('Error:', error)); // 捕获任何在请求过程中发生的错误
});
